<template>
    <div>
        <h2 style="margin-left:50px">发布通知</h2>
        <hr>
        <div class="edit">
            <h2 style="color:aqua;margin-left:50px">编辑新闻通知</h2>
            <el-input
              type="textarea"
              :rows="8"
              placeholder="请输入内容"
              v-model="textarea"
              class="editnews">
            </el-input>
            <el-row>
                <el-button class="button1">保存</el-button>
                <el-button class="button2">重置</el-button>
            </el-row>
        </div>
        <div>
          <h2 style="margin-left:50px">已发布的通知</h2>
          <hr>
           <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="address"
      label="通知内容"
      width="950">
    </el-table-column>
    <el-table-column
      prop="date"
      label="上传时间"
      width="320">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="180">
      <div>
        <el-button>查看</el-button>
        <el-button>编辑</el-button>
      </div>
    </el-table-column>
  </el-table>

        </div>
    </div>
</template>
<script>
export default {
  data () {
    return {
      tableData: [{
        date: '2016-05-02',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-04',
        address: '上海市普陀区金沙江路 1517 弄',
        zip: 200333
      }, {
        date: '2016-05-01',
        address: '上海市普陀区金沙江路 1519 弄',
        zip: 200333
      }, {
        date: '2016-05-03',
        address: '上海市普陀区金沙江路 1516 弄',
        zip: 200333
      }]
    }
  }
}
</script>
<style >
.edit{
  border: 2px;
  border-style: solid;
}
.editnews{
  width: 500px;
  margin-top: 10px;
  margin-left: 500px;
  margin-right: 400px;

}
.button1{
  margin-top: 5px;
  margin-left: 500px;
  width: 240px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.button2{
  margin-top: 5px;

  width: 240px;
  margin-bottom: 5px;
}
</style>
